// 上面放置各种别的地方引入的样式
@import 'normalize6.0.scss';
@import 'fonts.scss';
// 自己的初始化样式 
@import 'base.scss';
// px 转化为 rem的算法 封装为 funciton
// px -> rem
// px to rem
@function p2r($size) {
    @return $size / 64 * 1rem;
}

// 顶部的 navbar
.navBar {
    width: 100%;
}

// 顶级的布局元素
.layout {
    // 24 转化为 rem
    // 640 / 10 = 64 
    // padding: 0 24/64*1rem;
    padding: 0 p2r(24);
    h2 {
        font-size: 28 / 64 * 1rem;
        padding-top: 30 / 64 * 1rem;
        span {
            float: right;
            color: #666;
        }
    } // 优惠券
    .ticket {
        // 都需要转换
        height: p2r(221);
        border: p2r(4) dashed #ccc;
        margin-top: p2r(30);
        text-align: center;
        padding-top:p2r(36) ;
        a {
            color: #666;
            font-size: p2r(106);
        }
        p{
          font-size: p2r(26);
          color:#666;
          margin-top: p2r(15);
        }
    }
}